<ion-header>
    <ion-navbar>
        <ion-title>滑动列表</ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="outer-content">
    <ion-list>
        <ion-list-header>
            联系人
        </ion-list-header>

        <ion-item-sliding>
            <ion-item>
                <ion-avatar item-start>
                    <img src="assets/images/ye.png">
                </ion-avatar>
                <h2>小雷</h2>
                <p>个人简介</p>
            </ion-item>
            <ion-item-options>
                <button ion-button color="dark" icon-start>
                <ion-icon name="ios-more"></ion-icon>
                更多
              </button>
                <button ion-button color="primary" icon-start>
                <ion-icon name="text"></ion-icon>
                短信
              </button>
                <button ion-button color="secondary" icon-start>
                <ion-icon name="call"></ion-icon>
                拨号
              </button>
            </ion-item-options>
        </ion-item-sliding>

        <ion-item-sliding>
            <ion-item>
                <ion-avatar item-start>
                    <img src="assets/images/ye.png">
                </ion-avatar>
                <h2>小何</h2>
                <p>个人简介</p>
            </ion-item>
            <ion-item-options>
                <button ion-button color="dark" icon-start>
                <ion-icon name="ios-more"></ion-icon>
                更多
              </button>
                <button ion-button color="primary" icon-start>
                <ion-icon name="text"></ion-icon>
                短信
              </button>
                <button ion-button color="secondary" icon-start>
                <ion-icon name="call"></ion-icon>
                拨号
              </button>
            </ion-item-options>
        </ion-item-sliding>

        <ion-item-sliding>
            <ion-item>
                <ion-avatar item-start>
                    <img src="assets/images/ye.png">
                </ion-avatar>
                <h2>小田</h2>
                <p>个人简介</p>
            </ion-item>
            <ion-item-options>
                <button ion-button color="dark" icon-start>
                <ion-icon name="ios-more"></ion-icon>
                更多
              </button>
                <button ion-button color="primary" icon-start>
                <ion-icon name="text"></ion-icon>
                短信
              </button>
                <button ion-button color="secondary" icon-start>
                <ion-icon name="call"></ion-icon>
                拨号
              </button>
            </ion-item-options>
        </ion-item-sliding>

        <ion-item-sliding>
            <ion-item>
                <ion-avatar item-start>
                    <img src="assets/images/ye.png">
                </ion-avatar>
                <h2>阿呆</h2>
                <p>个人简介</p>
            </ion-item>
            <ion-item-options>
                <button ion-button color="dark" icon-start>
                <ion-icon name="ios-more"></ion-icon>
                更多
              </button>
                <button ion-button color="primary" icon-start>
                <ion-icon name="text"></ion-icon>
                短信
              </button>
                <button ion-button color="secondary" icon-start>
                <ion-icon name="call"></ion-icon>
                拨号
              </button>
            </ion-item-options>
        </ion-item-sliding>

    </ion-list>

</ion-content>